.attr>span{
    display: block;
}
.attr>span[title="abcdy"]{
    color: red;
}
.attr>span[title^="mm"]{
    color: pink;
}
.attr>span[title$="cd"]{
    color: #0000cc;
}
.attr>span[title*=em]{
    color: #01a252;
}

.h3 + p{
    color: red;
}

p:nth-child(3){
    color: orange;
}

.text-shadow-{
    font-size: 3.2em;
    color: #f5f5f5;
    text-shadow: 3px 3px 7px #111111;
}

.backgroud-clip-container{
    display: flex;
    /*flex-direction: row;*/
    margin-bottom: 20px;
}
.backgroud-clip{
    width: 100px;
    height: 100px;
    padding: 20px;
    border: 10px dotted gray;

    background-image: url("0016.jpg");
    margin-right: 10px;
}
.backgroud-clip-border{
    background-clip: border-box;
}
.backgroud-clip-padding{
    background-clip: padding-box;
}
.backgroud-clip-content{
    background-clip: content-box;
}

.background-origin-border{
    background-origin: border-box;
}
.background-origin-padding{
    background-origin: padding-box;
}
.background-origin-content{
    background-origin: content-box;
}